<!DOCTYPE HTML>
<html>
<head>
<title>湘潭大学图书城-商品信息</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<script src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
<link href="css/megamenu.css" rel="stylesheet" type="text/css" media="all" />
<script src="js/menu_jquery.js"></script>
<link rel="stylesheet" href="css/etalage.css">
<script src="js/jquery.easydropdown.js"></script>
 <!-- etale -->
				  <script src="js/jquery.etalage.min.js"></script>
<script>
			jQuery(document).ready(function($){

				$('#etalage').etalage({
					thumb_image_width: 300,
					thumb_image_height: 400,
					source_image_width: 800,
					source_image_height: 1000,
					show_hint: true,
					click_callback: function(image_anchor, instance_id){
						alert('Callback example:\nYou clicked on an image with the anchor: "'+image_anchor+'"\n(in Etalage instance: "'+instance_id+'")');
					}
				});

			});
		</script>
		 <!-- etale -->

</head>
<body>
<!-- header -->
	<div class="header">
	<div class="top_bg">
<div class="container">
<div class="header_top">
	<div class="logo">
				<a href="index.html"><img src="images/book/xtulogo.png" alt=""/></a>
		<div class="top_right">
		<ul>
			<li><a href="registration.html">注册</a></li>|
			<li class="login" >
						<div id="loginContainer"><a href="#" id="loginButton"><span>登录</span></a>
						    <div id="loginBox">                
						        <form id="loginForm">
						                <fieldset id="body">
						                	<fieldset>
						                          <label for="email">账号</label>
						                          <input type="text" name="email" id="email">
						                    </fieldset>
						                    <fieldset>
						                            <label for="password">密码</label>
						                            <input type="password" name="password" id="password">
						                     </fieldset>
						                    <input type="submit" id="login" value="Sign in">
						                	<label for="checkbox"><input type="checkbox" id="checkbox"> <i>记住密码</i></label>
						            	</fieldset>
						            <span><a href="#"> 忘记密码？</a></span>
							 </form>
				        </div>
			      </div>
			</li>
		</ul>
	</div>
			</div>

	<div class="clearfix"> </div>
</div>
</div>
</div>
	</div>
	<div class="head-bann">
		<div class="container">
			<div class="head-nav">
				<span class="menu"> </span>
					<ul class="megamenu skyblue">
			<li><a class="color1" href="index.html">主页</a></li>
			<li class="grid"><a class="color2" href="women.html">商城</a></li>		
			<li><a class="color4" href="details.html">信息</a></li>
			<li><a class="color5" href="registration.html">注册</a></li>
			<li><a class="color7" href="brands.html">出版社</a></li>
			<li><a class="color8" href="buy.html">购物车</a></li>
			<li><a class="color6" href="contact.html">联系我们</a></li>
				<div class="clearfix"> </div>
		 </ul> 
			</div>
		</div>	
	</div>
					<!-- script-for-nav -->
					<script>
						$( "span.menu" ).click(function() {
						  $( ".head-nav ul" ).slideToggle(300, function() {
							// Animation complete.
						  });
						});
					</script>
				<!-- script-for-nav -->
		
	<div class="banner1">
		<div class="container">
		</div>
	</div>
<!-- header -->
<!-- details -->
<div class="details">
<div class="container">
<div class="row single">
<div class="col-md-9">
				  <div class="single_left">
				 
					<div class="grid images_3_of_2">
						<ul id="etalage">
							<li>
								<a href="optionallink.html">
									<img class="etalage_thumb_image" src="images/book/book99.jpg" class="img-responsive" />
									<img class="etalage_source_image" src="images/book/book99.jpg" class="img-responsive" title="" />
								</a>
							</li>
							<li>
								<img class="etalage_thumb_image" src="images/book/book102.jpg" class="img-responsive" />
								<img class="etalage_source_image" src="images/book/book102.jpg" class="img-responsive" title="" />
							</li>
							<li>
								<img class="etalage_thumb_image" src="images/book/book101.jpg" class="img-responsive"  />
								<img class="etalage_source_image" src="images/book/book101.jpg"class="img-responsive"  />
							</li>
						    <li>
								<img class="etalage_thumb_image" src="images/book/book100.jpg" class="img-responsive"  />
								<img class="etalage_source_image" src="images/book/book100.jpg"class="img-responsive"  />
							</li>
						</ul>
						 <div class="clearfix"></div>		
				  </div>
				  <div class="desc1 span_3_of_2">
					<h3>小王子</h3>
					<p>¥27<a href="#"></a></p>
					<div class="det_nav">
						<h4>作者：安东尼•德•圣•埃克苏佩里</h4>
				        <h4>出版社：万卷出版公司</h4>
						<h4>出版时间：2014-04-01</h4>
						<h4>开本：16开</h4>
						<h4>页数：198</h4>
						<h4>读者评分：5分</h4>
						<h4>本类榜单：少儿销量榜</h4>
					</div>

					<div class="btn_form">
						<a href="buy.html">加入购物车</a>
					</div>
					<a href="#"><span>点此登录</span></a>
					
			   	 </div>
          	    <div class="clearfix"></div>
          	   </div>
          	    <div class="single-bottom1">
					<h6>内容简介</h6>
					<p class="prod-desc"> <p>
						<p style="text-indent:2em;">小说叙述者是个飞行员，他在故事一开始告诉读者，他在大人世界找不到一个说话投机的人，因为大人都太讲实际了。

   <p><p style="text-indent:2em;">接着，飞行员讲了六年前他因飞机故障迫降在撒哈拉沙漠遇见小王子故事。神秘的小王子来自另一个星球。飞行员讲了小王子和他的玫瑰的故事。小王子为什么离开自己的星球；在抵达地球之前，他又访问过哪些星球。他转述了小王子对六个星球的历险，他遇见了国王、爱虚荣的人、酒鬼、商人、点灯人、地理学家、蛇、三枚花瓣的沙漠花、玫瑰园、扳道工、商贩、狐狸以及我们的叙述者飞行员本人。</p>

   <p><p style="text-indent:2em;">飞行员和小王子在沙漠中共同拥有过一段极为珍贵的友谊。当小王子离开地球时，飞行员非常悲伤。他一直非常怀念他们共度的时光。他为纪念小王子写了这部小说。</p>
				</div>
				<div class="single-bottom2">
					<h6>相关书籍</h6>
						<div class="product">
						   <div class="product-desc">
								<div class="product-img">
		                           <img src="images/book/book103.jpg" class="img-responsive " alt=""/>
		                       </div>
		                       <div class="prod1-desc">
		                           <h5><a class="product_link" href="#">少年维特之烦恼</a></h5>
		                           <p class="product_descr"><p><p style="text-indent:2em;">少年维特爱上了一个名叫绿蒂的姑娘，而姑娘已同别人订婚。爱情上的挫折使维特悲痛欲绝。之后，维特又因同封建社会格格不入，感到前途无望而自杀......</p>									
							   </div>
							  <div class="clearfix"></div>
					      </div>
						  <div class="product_price">
								<span class="price-access">¥33</span>								
								<button class="button1"><span>加入购物车</span></button>
		                  </div>
						 <div class="clearfix"></div>
				     </div>
					  <div class="product">
						   <div class="product-desc">
								<div class="product-img">
		                           <img src="images/book/book104.jpg" class="img-responsive " alt=""/>
		                       </div>
		                       <div class="prod1-desc">
		                           <h5><a class="product_link" href="#">了不起的盖茨比</a></h5>
		                           <p class="product_descr"> <p><p style="text-indent:2em;">一个偶然的机会，穷作家尼克闯入了挥金如土的大富翁盖茨比隐秘的世界，他惊讶地发现,盖茨比内心的牵绊竟是河对岸那盏小小的绿灯ー一灯影婆娑中,住着心爱的黛茜。然而黛茜早已不是旧日的黛茜，尽管他清楚地听出“她的声音充满了金钱”，却仍不改初衷，固执地追求旧梦重温。然而，冰冷的现实容不下缥缈的梦.....</p>									
							   </div>
							   <div class="clearfix"></div>
					      </div>
						  <div class="product_price">
								<span class="price-access">¥42</span>								
								<button class="button1"><span>加入购物车</span></button>
		                  </div>
						 <div class="clearfix"></div>
				     </div>
				     <div class="product">
						   <div class="product-desc">
								<div class="product-img">
		                           <img src="images/book/book105.jpg" class="img-responsive " alt=""/>
		                       </div>
		                       <div class="prod1-desc">
		                           <h5><a class="product_link" href="#">巴黎圣母院</a></h5>
		                           <p class="product_descr"><p> 她既衰老又年轻，既突兀又神秘；</p>
								   <p>她是卡西莫多的摇篮和母亲，又是弗罗洛策划阴谋的巢穴；</p>
                                   <p>她是爱斯梅拉达的避难所，又是丐帮攻打的妖魔；</p>
                                   <p>她是万众敬畏的圣堂，又是揉脸万众命运的宫殿。</p>
                                   <p>她的灵魂是善是恶，总与芸芸众生息息相关……</p>
                                   <p>她是，无与伦比的，巴黎圣母院。</p>
							   </div>
							   <div class="clearfix"></div>
					      </div>
						  <div class="product_price">
								<span class="price-access">¥36</span>								
								<button class="button1"><span>加入购物车</span></button>
		                  </div>
						 <div class="clearfix"></div>
				     </div>
		   	  </div>
	       </div>	
<div class="col-md-3 span_1_of_right">
				   <section  class="sky-form">
				   <div class="product_right">
     			<h3 class="m_2">索引目录</h3>
     			    <select class="dropdown" tabindex="10" data-settings='{"wrapperClass":"metro"}'>
            			<option value="0">社科</option>	
						<option value="1">历史</option>
						<option value="2">政治</option>
						<option value="3">文化</option>
						<option value="4">经济</option>
						<option value="5">科学</option>
		           </select>
				   <label class="me"></label>
				   <select class="dropdown" tabindex="50" data-settings='{"wrapperClass":"metro"}'>
						<option value="1">艺术</option>
						<option value="2">绘画</option>
						<option value="3">书法</option>
						<option value="4">摄影</option>
						<option value="5">音乐</option>
			       </select>
				    <label class="wom"></label>
				   <select class="dropdown" tabindex="8" data-settings='{"wrapperClass":"metro"}'>
						<option value="1">生活</option>
						<option value="2">美食</option>
						<option value="3">旅游</option>
						<option value="4">健康</option>
			       </select>
				    <label class="kid"></label>
			       <select class="dropdown" tabindex="8" data-settings='{"wrapperClass":"metro"}'>
						<option value="1">文学</option>
						<option value="2">小说</option>
						<option value="3">散文</option>
						<option value="4">诗集</option>
			       </select>
				    <label class="spo"></label>
</div>
						
				</section>
                   	 
						<div class="sellers">
							<h3 class="m_2">限时特惠</h3>
								<div class="best">
									<div class="icon">
										<img src="images/book/book8.jpg" class="img-responsive" alt=""/>
									</div>
									<div class="data">
										<h4><a href="#">思维风暴</a></h4>
										<p>¥39</p>
										<h5>¥32</h5>
									</div>
									<div class="clearfix"></div>
								</div>	
								<div class="best">
									<div class="icon">
										<img src="images/book/book22.jpg" class="img-responsive" alt=""/>
									</div>
									<div class="data">
										<h4><a href="#">繁星•春水</a></h4>
										<p>¥40</p>
										<h5>¥33</h5>
									</div>
									<div class="clearfix"></div>
								</div>	
								<div class="best">
									<div class="icon">
										<img src="images/book/book23.jpg" class="img-responsive" alt=""/>
									</div>
									<div class="data">
										<h4><a href="#">我喜欢你，在时光里</a></h4>
										<p>¥32</p>
										<h5>¥27</h5>
									</div>
									<div class="clearfix"></div>
								</div>	
						 </div>
					 
						<div class="sellers">
							<h3 class="m_2">标签</h3>
								<div class="tags">
									<ul>
										<li><a href="#">小说,</a></li>
										<li><a href="#">文集,</a></li>
										<li><a href="#">散文,</a></li>
										<li><a href="#">故事,</a></li>
										<li><a href="#">绘本,</a></li>
										<li><a href="#">历史,</a></li>
										<li><a href="#">科学,</a></li>
										<li><a href="#">政治,</a></li>
										<li><a href="#">经济,</a></li>
										<li><a href="#">文化,</a></li>
										<li><a href="#">绘画,</a></li>
										<li><a href="#">启蒙,</a></li>
										<li><a href="#">艺术,</a></li>
										<li><a href="#">音乐,</a></li>
										<li><a href="#">摄影,</a></li>
										<li><a href="#">美食,</a></li>
										<li><a href="#">书法,</a></li>
										<li><a href="#">医学,</a></li>
										<li><a href="#">旅游,</a></li>
										<li><a href="#">教材,</a></li>
									</ul>
								</div>
						</div>
				
		       <section  class="sky-form">
					<div class="sellers">
							<h3 class="m_2">畅销榜</h3>
							<section class="slider">
						<div class="flexslider">
							<ul class="slides">
								<li>
									<div class="tittle">
										<img src="images/book/book14.jpg" class="img-responsive" alt=""/>
										<h6>月亮与六便士</h6>
										<p>满地都是六便士,</p>
										<p>他却抬头看见了月亮。</p>
										<p>————[英]威廉•萨默塞特•毛姆</p>
										<a class="show1" href="#">更多内容</a>
									</div>
								</li>
								<li>
									<div class="tittle">
										<img src="images/book/book21.jpg" class="img-responsive" alt=""/>
										<h6>云边有个小卖部</h6>
										<p>在多数人心中,</p>
										<p>自己的故乡后来会成为一个点,</p>
										<p>如同亘古不变的孤岛。</p>
										<a class="show1" href="#">更多内容</a>
									</div>
								</li>
								<li>	
									<div class="tittle">
										<img src="images/book/book13.jpg" class="img-responsive" alt=""/>
										<h6>毕业</h6>
										<p>看似亲密的关系,</p>
										<p>都有着自己不得不做的立场。</p>
										<p>
								       </p>
										<a class="show1" href="#">更多内容</a>
									</div>
								</li>
								<li>	
									<div class="tittle">
										<img src="images/book/book24.jpg" class="img-responsive" alt=""/>
										<h6>听听那冷雨</h6>
										<p>前尘隔海。</p>
										<p>古屋不再。</p>
										<p></p>
										<a class="show1" href="#">更多内容</a>
									</div>
								</li>
							</ul>
						</div>
					</section>
				
						<!-- FlexSlider -->
							  <script defer src="js/jquery.flexslider.js"></script>
							  <script type="text/javascript">
								$(function(){
								  SyntaxHighlighter.all();
								});
								$(window).load(function(){
								  $('.flexslider').flexslider({
									animation: "slide",
									start: function(slider){
									  $('body').removeClass('loading');
									}
								  });
								});
							  </script>
						<!-- FlexSlider -->

						</div>
		       </section>
		       

	  </div>
				<div class="clearfix"></div>	
	</div>
	</div>
	</div>
<!-- details -->
<!-- footer -->
	<div class="footer">
		<div class="container">
			<p>Copyright &copy; 2015.Company name All rights reserved.More Templates <a href="http://ipf.xtu.edu.cn/" target="_blank" title="湘潭大学知识产权学院">湘潭大学知识产权学院</a> - Collect from <a href="https://www.xtu.edu.cn" title="湘潭大学" target="_blank">湘潭大学</a></p>
		</div>
	</div>
<!-- footer -->

</body>
</html>